<template lang="pug">
.cp-product-detail(v-loading="loading")
  p.title 产品详情
  ul.detail
    li(v-for="(item, index) in detail", :key="index")
      span(v-text="`${item.name} : `")
      span(v-text="item.value")
</template>

<script>
import { mapGetters } from 'vuex';

export default {
  name: 'productdetail',
  props: {
    detail: Array,
    loading: Boolean
  },
  data() {
    return {};
  },
  methods: {},
  computed: {
    ...mapGetters([])
  },
  mounted () {}
};
</script>

<style lang="sass">
@import "../../../styles/utils"
.cp-product-detail
  min-height: 96px
  .title
    position: relative
    font-size: 14px
    padding-left: 8px
    @include hlfc(32px, 14px, #999, 500)
  .detail
    border: 1px solid #ebeef5
    position: relative
    background-color: white
    // padding: 12px 0
    li
      padding: 6px 12px
      color: #606266
      font-size: 13px
      // border-bottom: 1px solid #ebeef5
      &:nth-child(odd)
        background: white
      &:nth-child(even)
        background: beige
</style>
